<!-- 这里不需要具有完全的布局，因为这个页面将与Ajax解析-->
<!-- 顶部导航栏 -->
<div class="navbar">
	<div class="navbar-inner">
		<div class="left">
			<a href="#" class="back link"> <i class="icon icon-back"></i><span>返回</span></a>
		</div>
		<div class="center sliding">
			list
		</div>
		
	</div>
</div>
<div class="pages">
	<!-- Page, data-page contains page name-->
	<div data-page="list" class="page no-tabbar">
		<!-- Scrollable page content-->
		<div class="page-content">
			<div class="list-block">
				<ul>
					<li>
						<a href="list-content.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									List列表
								</div>
								<div class="item-after">
									
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="contactsList.html" class="item-link item-content">
							<div class="item-media">
								<i class="iconfont icon-yaopin"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									联系人列表（ContactsList）
								</div>
								<div class="item-after">
									
								</div>
							</div>
						</a>
					</li>	
					<li>
						<a href="mediaList.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									多媒体列表（Media List View）
								</div>
								<div class="item-after">
									
								</div>
							</div>
						</a>
					</li>	
					<li>
						<a href="swipeout.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									可滑动操作列表（swipeout）
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="sortableList.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									可排序列表（sortableList）
								</div>
							</div>
						</a>
					</li>		
					<li>
						<a href="virtualList.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									虚拟列表（virtual-list）
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="cards.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									卡片（cards）
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="template7.html" class="item-link item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">
									template7 模板解析 
								</div>
							</div>
						</a>
					</li>
									
				</ul>
						
			</div>
		</div>
	</div>
</div>